<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php  echo (isset($title))?$title:"";?></title>
<?php  echo (isset($metatags))?$metatags:"";?>
<link href="<?php echo base_url(); ?>css/style.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="<?php echo base_url(); ?>css/css3.css" rel="stylesheet" />
<!-- Grid CSS File (only needed for demo page) -->
	<link rel="stylesheet" href="<?php echo base_url(); ?>css/paragridma.css">

	<!-- Core CSS File. The CSS code needed to make eventCalendar works -->
	<link rel="stylesheet" href="<?php echo base_url(); ?>css/eventCalendar.css">

	<!-- Theme CSS file: it makes eventCalendar nicer -->
	<link rel="stylesheet" href="<?php echo base_url(); ?>css/eventCalendar_theme_responsive.css">

<style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#slideshow {
	width:250px;
	height:263px;
	position:relative;
	margin: 0px;
}
#slideshow #slidesContainer {
	width:200px;
	height:263px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 15px;
}
#slideshow #slidesContainer .slide {
	margin-right: 5px;
	height: 263px;
}
a {
	color: #000;
	font-weight:bold;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
a:hover {
  text-decoration:underline;
}
body {
	background-color: #e8e8e8;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-size: 11px;
}

/**
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:70px;
	height:263px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background-color: transparent;
	background-image: url(<?php echo base_url(); ?>img/control_left.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;
}
#rightControl {
	top:0;
	right:0;
	background-color: transparent;
	background-image: url(<?php echo base_url(); ?>img/control_right.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;
}
.slide img {
	height: 105px;
	width: 160px;
	clear: both;
	margin-bottom: 10px;
}
-->
</style>

<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.pikachoose.js"></script>
<script language="javascript">
        $(document).ready(
                function (){
                        $("#pikame").PikaChoose();
                });
</script>
</head>

<body id="body">
<div id="wrapper">
<?php $this->load->view('includes/topbar'); ?>
<div class="clear"></div>
  <div id="content_box">
    <div id="left_column">
  <?php $this->load->view('includes/featuredaccomodation'); ?>
  <?php $this->load->view('includes/accomodations'); ?>
      <div><img src="<?php echo base_url(); ?>images/hoteldeals_top.jpg" width="199" height="40" /></div>
  <?php $this->load->view('includes/offer_slider'); ?>    
      <div><img src="<?php echo base_url(); ?>images/tour_finder.jpg" alt="" width="198" height="59" /></div>
      <div><img src="<?php echo base_url(); ?>images/tour-finder-temp.jpg" width="197" height="229" /></div>

    </div>
    <div id="middle-column">
    <?php $this->load->view('includes/banners'); ?>
    <?php echo $contents; ?>

    </div>
    <div id="right-column">
   <?php $this->load->view('includes/featureddestinations'); ?>
   <?php $this->load->view('includes/destinations'); ?>
    <div class="more-destination"><a href="<?php echo base_url(); ?>hotel/list_offers/all">Special Offers</a></div>
   <img src="<?php echo base_url(); ?>images/calendar_top.jpg" width="199" height="40" />
    <div id="eventCalendarDefault">

      <script>
					$(document).ready(function() {
						$("#eventCalendarDefault").eventCalendar({
							eventsjson: '<?php echo base_url(); ?>json/events_uk.json' // link to events json
						});
					});
				</script>

    </div>
    <div><img src="<?php echo base_url(); ?>images/interative_map.jpg" width="199" height="243" /></div>
    </div>
  </div>
  <div class="clear"></div>
  <?php $this->load->view('includes/reviews'); ?>  
  <div class="clear"></div>
  <div id="footer">
    <div class="footer_left"><img src="<?php echo base_url(); ?>images/fb.jpg" width="24" height="23" /><img src="<?php echo base_url(); ?>images/twitter.jpg" width="24" height="23" /><img src="<?php echo base_url(); ?>images/blog.jpg" width="24" height="23" /><br /><br />Copyright © 2012 explorersrilanka.com. All rights reserved. Designed by <a href="http://edesignerslanka.com">eDesigners</a></div>
    <div class="addthis"><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fbe196f7368f393"></script>
<!-- AddThis Button END --></div>
  </div>
</div>
</body>
     <script src="<?php echo base_url(); ?>js/jquery.eventCalendar.js" type="text/javascript"></script>
</html>
